body { margin: 0; padding: 0; height: 100px; }
.clear { clear: both; }
#sidebar { width: 184px; height: 100%; position: fixed; z-index: 100; padding: 10px; border-right: 1px solid #bdbdbd; }
#sidebar ul { margin: 0; padding: 0; font-size: 14px; list-style: none; }
#sidebar nav a { text-decoration: none; height: 30px; line-height: 30px; padding: 0 15px; color: #333; font-weight: bolder; display: block; }
#sidebar nav a.current { background: #5080d8; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#wrapper { width: 960px; margin-left: 215px; display: inline-block; }
#wrapper h3 { font-size: 18px; font-family: '\5FAE\8F6F\96C5\9ED1'; color: #333; }
#search { margin-top: 20px; }
#search input { width: 172px; }
.add_author_wrapper { width: 588px !important; }
.tips { color: #c00; font-size: 12px; }
.pick_now {  }
.pick_now a { text-decoration: none; color: #333; padding: 4px 8px; }
.pick_now a:hover { background: #5080d8; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.album_wrapper {  }
.author_list {  }
.author_list  .item { width: 170px; padding: 5px; border: 1px solid #bdbdbd; position: relative; float: left; margin: 0 10px 10px 0; }
.author_list  .item .avatar { display: table-cell; width: 170px; height: 170px; text-align: center; vertical-align: middle; background: #ffeef4; }
.author_list  .item .avatar img { max-width: 170px; max-height: 170px; vertical-align: middle; }
.author_list  .item p { margin: 0; padding: 0; }
.author_list  .item .author_name { font-size: 14px; font-weight: bolder; text-align: center; border-bottom: 1px solid #bdbdbd; height: 26px; line-height: 26px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1'; }
.author_list  .item .author_name a { color: #333; text-decoration: none; }
.author_list  .item .controller { margin-top: 5px; height: 25px; line-height: 25px; background: url(../images/info.png) no-repeat; }
.author_list  .item .controller  a { color: white; text-decoration: none; width: 81px; display: inline-block; text-align: center; }
.author_list  .item .album_num { background: #5080d8; color: white; font-family: tahoma; font-size: 10px; padding: 0 4px; height: 18px; line-height: 18px; position: absolute; top: 157px; right: 5px; }
.paging { border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; margin-left: 205px; padding-left: 30px; }
.paging  ul { padding: 0; margin: 0; }
.paging li { list-style: none; display: inline-block; height: 30px; line-height: 30px; font-size: 14px; }
.paging li a, .paging span { color: #333; text-decoration: none; padding: 0 8px; float: left; }
.paging li .current { color: #5080d8; font-weight: bolder; }
.process_box { border: 1px solid #ccc; padding: 10px; max-height: 480px; overflow-x: hidden; overflow-y: auto; }
.process_box em { font-style: normal; color: #c00; }
.process_box ul { margin: 0; padding: 0; }
.process_box  li { list-style: none; font-size: 14px; line-height: 22px; }

#photo_list {  }
#photo_list .item { max-width: 180px; float: left; list-style: none; margin: 0 8px 8px 0; overflow: hidden; position: relative; }
#photo_list .item a {  }
#photo_list .item img { max-width: 170px; vertical-align: middle; padding: 4px; border: 1px solid #ccc; }
#photo_list .item p { height: 22px; line-height: 22px; text-align: center; padding: 0; margin: 0; }

#avatar-bar { margin-top: 5px; width: 194px; height: 50px; padding: 5px; position: relative; z-index: 5; color: #fff; background: url(../images/bar.png) no-repeat; }
#avatar-bar p { margin: 0; font-size: 12px; line-height: 18px; font-family: tahoma; height: auto !important; }
#avatar-bar .pic { float: left; }
#avatar-bar img { max-width: 50px; max-height: 50px; }
#avatar-bar .member_info { float: left; margin-left: 5px; }
#avatar-bar .member_info .name { font-size: 14px; }
#avatar-bar .member_info a { text-decoration: none; color: #fff; }

.delete { position: absolute; width: 15px; height: 14px; top: 10px; right: 10px; cursor: pointer; display: none; background: url(../images/delete.png) no-repeat; }

.func-box { margin-bottom: 10px; height: 30px; line-height: 30px; font-size: 14px; color: #5080d8; }
.func-box em { font-style: normal; color: #333; }
.func-box a { color: #5080d8; text-decoration: none; }

.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
